<style lang="less">
    @import './styles/common.less';
    @import "./styles/reset-iview-style.less";
</style>
<template>
    <div
        id="main"
        class="app-main"
    >
        <router-view></router-view>
        <transition name="loadingFade">
            <div
                class="loadingMask"
                v-show="loading"
            >
                <div class="wrapper">
                    <Icon
                        type="load-c"
                        class="loadingIcon"
                    ></Icon>
                    <p>加载中...</p>
                </div>
            </div>
        </transition>
    </div>
</template>
<script>
import store from "./store";

export default {
    data() {
        return {
            theme: this.$store.state.app.themeColor,
            imgIndex: 0,
            rejectModel: false,
            rejectReason: '',
            authImg: '',
            authImgIndex: 0,
            authImgStep: true,
            rejectBusinessModel: false,
            rejectBusinessReason: ''
        };
    },
    created() {
        let permission = store.state.app.permissionData;
        var nes = JSON.parse(localStorage.getItem("ROLEINFO"));
        this.$Message.config({
            duration: 3
        });
    },
    methods: {

    },
    computed: {
        loading() {
            return this.$store.state.user.pageLoading;
        },
        memberCheckMask() {
            return this.$store.state.user.memberCheckMask;
        },
    }
};
</script>